<template>
  <div class="position: relative; border: 1px solid blue;">
    <!-- 导航标签 -->
    <page-header-wrapper :title="false" style="position: relative; top: 0; left: 0; width: 100%;"></page-header-wrapper>
    <!-- 主体内容 -->
    <div :style="viewHeight?{'height':viewHeight+'px'}:{}" class="content-common-wrap">
      <p>1、临床药物管理系统欢迎您</p>
      <p>2、临床药物管理系统欢迎您</p>
      <p>3、临床药物管理系统欢迎您</p>
      <p>4、临床药物管理系统欢迎您</p>
      <p>5、临床药物管理系统欢迎您</p>
    </div>
  </div>

  <!-- <a-row :gutter="24" style="background: #fff;">
    <a-col :xl="16" :lg="24" :md="24" :sm="24" :xs="24">
      <p>主页占位测试</p>      
    </a-col>
  </a-row> -->

</template>

<script>


// 内容区域可用高度
import viewObject from '../../utils/viewHeight'

export default {
  name: 'Workplace',
  components: {
  },
  data () {
    return {
      viewHeight: viewObject.viewResult,
    }
  },
  computed: {
    // ...mapState({
    //   nickname: (state) => state.user.nickname,
    //   welcome: (state) => state.user.welcome
    // }),

    currentUser () {
      return {
        name: 'Serati Ma',
        avatar: 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png'
      }
    },
    userInfo () {
      return this.$store.getters.userInfo
    }
  },
  created () {
    this.user = this.userInfo
    this.avatar = this.userInfo.avatar

    getRoleList().then(res => {
      // console.log('workplace -> call getRoleList()', res)
    })

    getServiceList().then(res => {
      // console.log('workplace -> call getServiceList()', res)
    })
  },
  mounted () {
    
  },
  methods: {
    
  }
}
</script>

<style lang="less" scoped>
  .content-common-wrap {
    background: #fff;
    margin-top: 10px;
    box-shadow: 0px 1px 1px 1px #ddd;
    padding: 10px;
    box-sizing: border-box;
  }
</style>
